extends  ../component/layout
block content
    #header.container.fc
        .logo(style="margin:0 auto;width:2.5rem")
            img(src="./images/logo.jpg", alt="")
    .banner
        .swiper-container
            .swiper-wrapper
                .swiper-slide 
                    img(src="./images/banner.jpg",width="100%" alt="")
                .swiper-slide 
                    img(src="./images/banner.jpg",width="100%" alt="")
            //- .swiper-pagination
            //- .swiper-button-next
            //- .swiper-button-prev
        script.
            var swiper = new Swiper('.swiper-container', {
                spaceBetween: 30,
                centeredSlides: true,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
    ul.m-nav.container
        li
            a(href="#")
                img(src="./images/a1.jpg", alt="")
                h2 寻人大厅
        li
            a(href="#")
                img(src="./images/a2.jpg", alt="")
                h2 综合资讯
        li
            a(href="#")
                img(src="./images/a3.jpg", alt="")
                h2 真情留言
        li
            a(href="#")
                img(src="./images/a4.jpg", alt="")
                h2 增至服务
    .li(style="padding:0")
    .li.container
        .p 版权信息
        .p 2011-2016  希望寻人网（www.xxxxx.com)  版权所有  All  rights  reserved
    .li.container
        .p 特别声明
        .p 2011-2016  希望寻人网（www.xxxxx.com)  版权所有  All  rights  reserved
    .li.container
        .p 备案信息
        .p 2011-2016  希望寻人网（www.xxxxx.com)  版权所有  All  rights  reserved

    ul#footer2
        li
            a(href="#")
                img(src="./images/n1.jpg", alt="")
                | 首页
        li
            a(href="#")
                img(src="./images/n2.jpg", alt="")
                | 寻人大厅
        li
            a(href="#").add
                div
                    span.j +
                    span 寻人登记
        li
            a(href="#")
                img(src="./images/n3.jpg", alt="")
                | 综合资讯
        li
            a(href="#")
                img(src="./images/n4.jpg", alt="")
                | 联系我们